import { Avatar, Divider } from 'antd'
import { QqOutlined, GithubOutlined, WechatOutlined } from '@ant-design/icons'
import '../styles/components/Author.css'

const Author = () => {
  return (
    <div className="author-div comm-box">
      <div>
        <Avatar size={100}>元某</Avatar>
      </div>
      <div className="author-introduction">
        专注于WEB和移动前端开发
        <Divider>社交账号</Divider>
        <Avatar size={28} icon={<GithubOutlined />} className="account"></Avatar>
        <Avatar size={28} icon={<QqOutlined />} className="account"></Avatar>
        <Avatar size={28} icon={<WechatOutlined />} className="account"></Avatar>
      </div>
    </div>
  )
}

export default Author
